@charset "utf-8" ;


/*	Name: 상산				*/
/*	PART: Site Main Style	*/
/*	Version: 1.0				*/
/*	Author: UHEE			*/



/********************************************************* 사용자 *******************************************************/
/* 현장명 */
.zone_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.zone_info:after{content:""; display:block ;clear:both}
.zone_info dt, .zone_info dd{float:left; padding:12px 10px 10px; height:16px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px; letter-spacing:-1px}
.zone_info dt{background-color:#ededed; width:45px; border-top:1px solid #fff; font-weight:bold}
.zone_info dd{width:200px; padding-right:0; border-top:1px solid #ededed}

/* 담당자 */
.respon_info{padding-top:20px; *zoom:1}
.respon_info:after{content:""; display:block; clear:both}
/*
.respon_info .tit_h2{float:left; width:150px; }
.respon_info .respon_img{float:right; background:url(../images/bg_photo.png) no-repeat 0 0; width:122px; height:153px; text-align:right}
.respon_info .respon_img img{display:inline-block; width:120px; height:151px; text-align:center; vertical-align:middle}
.respon_info .text_area{width:100%; padding-top:76px; margin-bottom:40px}
.respon_info .text_area .text_box1{width:150px; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box1:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box1 dt , .respon_info .text_area .text_box1 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px; }
.respon_info .text_area .text_box1 dt{width:40px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box1 dd{width:80px; padding-right:0; border-top:1px solid #ededed; font-weight:bold; }
.respon_info .text_area .text_box2{width:100%; *zoom:1; margin-top:15px; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box2:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box2 dt , .respon_info .text_area .text_box2 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px}
.respon_info .text_area .text_box2 dt{width:70px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box2 dd{width:170px; letter-spacing:0; border-top:1px solid #ededed}
*/ 
/* 수정 */
.respon_info .respon_box{margin-bottom:30px; padding:20px 0; border-top:1px solid #ee2830; border-bottom:1px solid #666 }
.respon_info .respon_box:after{content:""; display:block; clear:both}
.respon_info .respon_box .left_img{float:left; width:110px; height:121px; padding-top:3px; text-align:center; border:1px solid #c8caca}
.respon_info .respon_box .right_text{float:left; padding-left:15px}
.respon_info .respon_box .right_text > li{margin-top:6px; font-size:13px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; line-height:16px; color:#333}
.respon_info .respon_box .right_text > li:first-child{margin-top:0}
.respon_info .respon_box .right_text li.name_style{margin-bottom:35px;}
.respon_info .respon_box .right_text li.name_style > span{background:url(../images/bg_word.png) no-repeat 100% 5px; padding-right:12px; margin-right:6px; font-size:15px; font-weight:bold; letter-spacing:-1px}
.respon_info .respon_box .right_text li.bul_style{padding-left:10px; background:url(../images/bg_main.png) no-repeat 0 5px}
.respon_info .respon_box .right_text li.bul_style > span{display:block; padding-right:0; font-weight:bold; color:#ee2830; letter-spacing:-1px}

/* 자격증  1107 수정 */
.license_info{margin-bottom:30px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; border-top:1px solid #ee2830; border-bottom:1px solid #666;}
.license_info:after{content:""; display:block; clear:both}
.license_info > li{background:url(../images/bg_main.png) no-repeat 5px 15px; border-top:1px solid #ededed; padding:10px 0 10px 15px; font-size:13px; letter-spacing:-1px}
/* 1107 수정
.license_info > li{float:left; background-color:#ededed; width:49.8%; border-top:1px solid #fff; padding:12px 0; text-align:center; font-size:14px}
.license_info li:nth-child(even){border-left:1px solid #fff}
*/

/* 경력사항 */
.career_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.career_info:after{content:""; display:block ;clear:both}
.career_info dt, .career_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; }
.career_info dt{background-color:#ededed; width:80px; border-top:1px solid #fff; font-weight:bold; letter-spacing:-1px}
.career_info dd{width:160px; border-top:1px solid #ededed}

/* 휴게소 */
.restA_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.restA_info:after{content:""; display:block ;clear:both}
.restA_info dt, .restA_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; letter-spacing:-1px}
.restA_info dt{background-color:#ededed; width:100px; border-top:1px solid #fff; font-weight:bold}
.restA_info dd{width:140px; border-top:1px solid #ededed;  letter-spacing:0}
.tel_point{padding:10px 0; background:url(../images/bg_graph.jpg) repeat-x top; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; text-align:center; /*border-top:1px dashed #c8caca;*/}

/* 특이사항 */
.etc_area{width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #c8caca; *zoom:1}
.etc_area:after{content:""; display:block; clear:both}
.etc_area .tit_h2{padding-bottom:0; padding-right:35px;  float:left; font-size:17px; font-weight:bold}
.etc_area .etc_note{float:left; padding-top:8px}
.etc_area .etc_note > li{line-height:18px}

/* 약품사용량 현황 */
.data_list{width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #c8caca; *zoom:1}
.data_list .tit_h2{font-size:17px; font-weight:bold}
.data_list .table_wrap{margin-bottom:0}


/********************************************************* 관리자 *******************************************************/
/* 관리자메인 */
#high_line_03.graph_box, #high_line_04.graph_box, #high_line_05.graph_box{min-height:230px}
.graph_area .graph_box{margin-top:-50px}

/* 현장관리 */
.zone_management{border-top:1px solid #ee2830; border-bottom:1px solid #666; }
.zone_management:after{content:""; display:block; clear:both}
.zone_management dt, .zone_management dd{float:left; padding:12px 6px 10px 6px; font-size:12px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; }
.zone_management dt{background-color:#ededed; width:60px;border-top:1px solid #fff; font-weight:bold }
.zone_management dd{width:60px; border-top:1px solid #ededed }
.zone_management dd.large{width:100px}
.zone_point{font-weight:bold; color:#ee2830; }
/***********************************************************************************************************************/


@media(min-width:768px){
/********** 사용자 **********/
/* 현장명 */
.zone_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.zone_info:after{content:""; display:block ;clear:both}
.zone_info dt, .zone_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px; letter-spacing:-1px}
.zone_info dt{background-color:#ededed; width:80px; border-bottom:1px solid #fff; font-weight:bold; border-top:0}
.zone_info dd{width:203px; border-bottom:1px solid #ededed;  border-top:0}

/* 담당자 */
.respon_info{padding-top:20px; *zoom:1}
.respon_info:after{content:""; display:block; clear:both}
/*
.respon_info .tit_h2{float:left; width:170px; }
.respon_info .respon_img{float:right; background:url(../images/bg_photo.png) no-repeat 0 0; width:122px; height:153px; text-align:right}
.respon_info .text_area{width:100%; padding-top:115px; margin-bottom:40px}
.respon_info .text_area .text_box1{width:520px; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box1:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box1 dt , .respon_info .text_area .text_box1 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px; }
.respon_info .text_area .text_box1 dt{width:100px; background-color:#ededed; border-top:0}
.respon_info .text_area .text_box1 dd{width:120px; border-top:0; font-weight:bold; }
.respon_info .text_area .text_box2{width:100%; *zoom:1; margin-top:15px; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box2:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box2 dt , .respon_info .text_area .text_box2 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px}
.respon_info .text_area .text_box2 dt{width:100px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box2 dd{width:183px; letter-spacing:0; border-top:1px solid #ededed}
*/
/* 수정 */
.respon_info .respon_box{margin-bottom:30px; padding:20px 0; border-top:1px solid #ee2830; border-bottom:1px solid #666 }
.respon_info .respon_box:after{content:""; display:block; clear:both}
.respon_info .respon_box .left_img{float:left; width:110px; height:121px; padding-top:3px; text-align:center; border:1px solid #c8caca}
.respon_info .respon_box .right_text{float:left; padding-left:15px}
.respon_info .respon_box .right_text > li{margin-top:6px; font-size:13px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; line-height:16px; color:#333}
.respon_info .respon_box .right_text > li:first-child{margin-top:0}
.respon_info .respon_box .right_text li.name_style{margin-bottom:65px;}
.respon_info .respon_box .right_text li.name_style > span{background:url(../images/bg_word.png) no-repeat 100% 5px; padding-right:12px; margin-right:6px; font-size:15px; font-weight:bold; letter-spacing:-1px}
.respon_info .respon_box .right_text li.bul_style{padding-left:10px; background:url(../images/bg_main.png) no-repeat 0 5px}
.respon_info .respon_box .right_text li.bul_style > span{display:inline; padding-right:5px; font-weight:bold; color:#ee2830; letter-spacing:-1px}

/* 휴게소 */
.restA_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.restA_info:after{content:""; display:block ;clear:both}
.restA_info dt, .restA_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; letter-spacing:-1px}
.restA_info dt{background-color:#ededed; width:70px; border-top:1px solid #fff; font-weight:bold}
.restA_info dd{width:105px; border-top:1px solid #ededed; letter-spacing:0}
.tel_point{padding:10px 0; background:url(../images/bg_graph.jpg) repeat-x top; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; text-align:center; /*border-top:1px dashed #c8caca;*/}


/********** 관리자 **********/
/* 현장관리 */
.zone_management{margin-bottom:30px; border-top:1px solid #ee2830; border-bottom:1px solid #666; }
.zone_management:after{content:""; display:block; clear:both}
.zone_management dt, .zone_management dd{float:left; padding:12px 8px 10px; font-size:12px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; }
.zone_management dt{background-color:#ededed; width:130px;border-top:1px solid #fff; font-weight:bold }
.zone_management dd{width:150px; border-top:1px solid #ededed }
.zone_management dd.large{width:170px}
.zone_point{font-weight:bold; color:#ee2830; }

}


@media(min-width:1024px){

/********** 사용자 **********/
/* 현장명 */
.zone_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.zone_info:after{content:""; display:block ;clear:both}
.zone_info dt, .zone_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px; letter-spacing:-1px; border-bottom:0}
.zone_info dt{background-color:#ededed; width:45px; border-top:1px solid #fff; font-weight:bold}
.zone_info dd{width:270px; padding-right:0; border-top:1px solid #ededed;}

/* 담당자 */
.respon_info{padding-top:20px; *zoom:1}
.respon_info:after{content:""; display:block; clear:both}
/*
.respon_info .tit_h2{float:left; width:150px; }
.respon_info .respon_img{float:right; background:url(../images/bg_photo.png) no-repeat 0 0; width:122px; height:153px; text-align:right}
.respon_info .text_area{width:100%; padding-top:76px; margin-bottom:40px}
.respon_info .text_area .text_box1{width:150px; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box1:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box1 dt , .respon_info .text_area .text_box1 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px; }
.respon_info .text_area .text_box1 dt{width:40px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box1 dd{width:80px; padding-right:0; border-top:1px solid #ededed; font-weight:bold; }
.respon_info .text_area .text_box2{width:100%; *zoom:1; margin-top:15px; border-top:1px solid #ee2830; border-bottom:1px solid #666}
.respon_info .text_area .text_box2:after{content:""; display:block; clear:both}
.respon_info .text_area .text_box2 dt , .respon_info .text_area .text_box2 dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:12px ; letter-spacing:-1px}
.respon_info .text_area .text_box2 dt{width:70px; background-color:#ededed; border-top:1px solid #fff}
.respon_info .text_area .text_box2 dd{width:170px; letter-spacing:0; border-top:1px solid #ededed}
*/
/* 수정 */
.respon_info .respon_box{margin-bottom:30px; padding:20px 0; border-top:1px solid #ee2830; border-bottom:1px solid #666 }
.respon_info .respon_box:after{content:""; display:block; clear:both}
.respon_info .respon_box .left_img{float:left; width:110px; height:121px; padding-top:3px; text-align:center; border:1px solid #c8caca}
.respon_info .respon_box .right_text{float:left; padding-left:15px; width:150px;}
.respon_info .respon_box .right_text > li{margin-top:6px; font-size:13px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; line-height:16px; color:#333}
.respon_info .respon_box .right_text > li:first-child{margin-top:0}
.respon_info .respon_box .right_text li.name_style{margin-bottom:35px;}
.respon_info .respon_box .right_text li.name_style > span{background:url(../images/bg_word.png) no-repeat 100% 5px; padding-right:12px; margin-right:6px; font-size:15px; font-weight:bold; letter-spacing:-1px}
.respon_info .respon_box .right_text li.bul_style{padding-left:10px; background:url(../images/bg_main.png) no-repeat 0 5px}
.respon_info .respon_box .right_text li.bul_style > span{display:block; padding-right:0; font-weight:bold; color:#ee2830; letter-spacing:-1px}

/* 휴게소 */
.restA_info{/*background-color:#fafafa; */width:100%; *zoom:1; border-top:1px solid #ee2830; border-bottom:1px solid #666; margin-bottom:30px}
.restA_info:after{content:""; display:block ;clear:both}
.restA_info dt, .restA_info dd{float:left; padding:12px 10px 10px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; letter-spacing:-1px}
.restA_info dt{background-color:#ededed; width:100px; border-top:1px solid #fff; font-weight:bold}
.restA_info dd{width:140px; border-top:1px solid #ededed; letter-spacing:0}
.tel_point{padding:10px 0; background:url(../images/bg_graph.jpg) repeat-x top; font-weight:bold; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; font-size:13px; text-align:center; /*border-top:1px dashed #c8caca;*/}


/********** 관리자 **********/
/* 현장관리 */
.zone_management{border-top:1px solid #ee2830; border-bottom:1px solid #666; }
.zone_management:after{content:""; display:block; clear:both}
.zone_management dt, .zone_management dd{float:left; padding:12px 12px 10px 6px; font-size:12px; font-family:"맑은고딕", Malgun Gothic, '돋움', dotum; letter-spacing:-1px; }
.zone_management dt{background-color:#ededed; width:60px;border-top:1px solid #fff; font-weight:bold;text-align: center; }
.zone_management dd{width:60px; border-top:1px solid #ededed }
.zone_management dd.large{width:90px}
.zone_point{font-weight:bold; color:#ee2830; }


}